import styled from 'styled-components'

export const NewAlbumWrapper = styled.div`
  .content {
    height: 184px;
    margin-top: 20px;
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;

    .carousel {
      height: 184px;

      margin-bottom: 37px;
      padding-left: 16px;

      .carousel_item {
        display: flex !important;
        flex-direction: row;
        margin-top: 28px;
      }
    }

    .btn {
      width: 17px;
      height: 17px;
      cursor: pointer;
      position: absolute;
    }

    .prev {
      left: 5px;
      top: 50%;
      background-position: -260px -75px;
      transform: translateY(-50%);
      &:hover {
        background-position: -280px -75px;
      }
    }

    .next {
      right: 5px;
      top: 50%;
      background-position: -300px -75px;
      transform: translateY(-50%);
      &:hover {
        background-position: -320px -75px;
      }
    }
  }
`
